/**
 * Created by Administrator on 2017/3/27 0027.
 */
Page5={
    Create:function(){
        var page={};



        var map;
        map=arr_texture[25];
        var picG=new THREE.PlaneGeometry(370*1.1,12*1.1,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic1=new THREE.Mesh(picG,picM);

        map=arr_texture[26];
        var picG=new THREE.PlaneGeometry(280*0.9,11*0.9,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic2=new THREE.Mesh(picG,picM);

        map=arr_texture[27];
        var picG=new THREE.PlaneGeometry(367*0.8,12*0.8,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic3=new THREE.Mesh(picG,picM);

        map=arr_texture[28];
        var picG=new THREE.PlaneGeometry(368,53,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic4=new THREE.Mesh(picG,picM);

        map=arr_texture[29];
        var picG=new THREE.PlaneGeometry(775,31,1,1);
        var picM=new THREE.MeshBasicMaterial({map:map,transparent:true,side:THREE.DoubleSide});
        var pic5=new THREE.Mesh(picG,picM);



        pic1.position.set(0,160-40,0);
        pic2.position.set(0,115-40,125);
        pic3.position.set(0,80-40,250);
        pic4.position.set(0,40-25,300);
        pic5.position.set(20,0-30,250);
        pic1.material.opacity=0;
        pic2.material.opacity=0;
        pic3.material.opacity=0;
        pic4.material.opacity=0;
        pic5.material.opacity=0;

        pic4.scale.x=1.2; pic4.scale.y=1.2;
        pic5.scale.x=1.2; pic5.scale.y=1.2;


        scene.add(pic1);scene.add(pic2);scene.add(pic3);scene.add(pic4);scene.add(pic5);


        page.start=function() {
            console.log("Page5");
            pic1.position.y += 10;
            pic2.position.y += 10;
            pic3.position.y += 10;
            TweenMax.to(pic1.position, 0.7, {delay: 0, y: pic1.position.y - 10, ease: Cubic.easeOut});
            TweenMax.to(pic2.position, 0.7, {delay: 0.3, y: pic2.position.y - 10, ease: Cubic.easeOut});
            TweenMax.to(pic3.position, 0.7, {delay: 0.6, y: pic3.position.y - 10, ease: Cubic.easeOut});
            TweenMax.to(pic1.material, 0.7, {delay: 0, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic2.material, 0.7, {delay: 0.3, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic3.material, 0.7, {delay: 0.6, opacity: 1, ease: Cubic.easeOut});


            TweenMax.to(pic4.scale, 0.6, {delay: 0.9, x: 0.7, y: 0.7, ease: Cubic.easeOut});
            TweenMax.to(pic5.scale, 0.6, {delay: 1.2, x: 0.7, y: 0.7, ease: Cubic.easeOut});
            TweenMax.to(pic4.material, 0.6, {delay: 0.9, opacity: 1, ease: Cubic.easeOut});
            TweenMax.to(pic5.material, 0.6, {delay: 1.2, opacity: 1, ease: Cubic.easeOut});
        }
        page.end=function() {
            TweenMax.to(pic1.material, 0.6, {delay: 0.2, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic2.material, 0.6, {delay: 0.4, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic3.material, 0.6, {delay: 0.6, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic4.material, 0.6, {delay: 0.8, opacity: 0, ease: Cubic.easeOut});
            TweenMax.to(pic5.material, 0.6, {delay: 1, opacity: 0, ease: Cubic.easeOut});



        }
        return page;
    }
}